@CHARSET "ISO-8859-1";

body
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 0;
	border: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

h1
{
	font-size: 1.7em;
}

h2
{
	font-size: 1.5em;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.08em;
}

h5
{
	font-size: 1.05em;
}

h6
{
	font-size: 1.02em;
}

a, a:link, a:hover, a:active, a:focus, a:visited
{
	cursor: pointer;
}

p
{
	margin: 0;
	padding: 0;
	border: 0;
}

form
{
	margin: 0;
	padding: 0;
	border: 0;
}

iframe
{
	width: 100%;
	height: auto;
	border: hidden;
	padding: 0;
	margin: 0;
}

hr
{
	border-top: 1px solid #444;
	border-bottom: 1px solid #DDD;
}

div
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

#page
{
	font-size: 1em;
	position: relative;
	overflow: hidden;
}

#main
{
	position: relative;
	z-index: 0;
	width: 100%;
}

#background
{
}

#background .bar
{
	position: absolute;
	font-size: 1em;
	top: 5em; /* should match height of headerWrapper */
	left: 0;
	bottom: 0;
	width: 14em;
	height: 100%;
	background-position: top left;
	background-repeat: repeat-x;
}

#background .content
{
	position: absolute;
	top: 5em; /* should match height of headerWrapper */
	left: 14em;
	width: 100%;
	height: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E9E7E7;
}

#headerWrapper
{
	font-size: 1em;
	position: absolute;
	z-index: 70;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 5em; /* affects 'top' offset of all structural divs */
	margin: 0;
	padding: 0;
	background-color: #4a88aa;
	background-image: url('http://www.wilmslowhigh.com/images/header/header-gradient.png');
	background-repeat: repeat-x;
}

#header .left
{
	position: absolute;
	z-index: 75;
	left: 0;
	top: 0;
	width: 18em;
	height: 5em; /* should match height of headerWrapper */
	padding: 0;
	margin: 0;
	background-image: url('http://www.wilmslowhigh.com/images/header/header-left.png');
	background-repeat: no-repeat;
}

#header .right
{
	position: absolute;
	z-index: 75;
	right: 0;
	top: 0;
	width: 19em;
	height: 5em; /* should match height of headerWrapper */
	padding: 0;
	margin: 0;
	background-image: url('http://www.wilmslowhigh.com/images/header/header-right-1.png');
	background-repeat: no-repeat;
}

#header .text
{
	position: absolute;
	z-index: 76;
	width: 24em;
	height: 5em; /* should match height of headerWrapper */
	left: 18.5em;
	top: 0.4em;
	background-image: url('http://www.wilmslowhigh.com/images/header/header-text.png');
	background-repeat: no-repeat;
}

#header .text h1
{
	display: none;
}

#footerWrapper
{
	font-size: 1em;
	color: #D0D0D5;
	position: relative;
	z-index: 80; /* should be higher than all other structural divs */
	height: 4em;
	width: 100%;
	clear: both;
	background-color: black;
	background-image: url('http://www.wilmslowhigh.com/images/footer/pinstripe-black.png');
	background-repeat: repeat-x;
}

#footer a
{
	color: #A0A0A5;
}

#footer a:hover, #footer a:focus
{
	color: #E0E0E5;
}

#footer .text
{
	position: absolute;
	z-index: 85;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: black;
	background-image: url('http://www.wilmslowhigh.com/images/footer/pinstripe-black.png');
	background-repeat: repeat-x;
}

#footer .text table
{
	position: relative;
	height: 4em;
	margin: 0em;
}

#footer .text table td
{
	white-space: nowrap;
	padding-left: 1.2em;
	padding-right: 1.5em;
	border-right: 1px solid black;
	font-size: 0.82em;
	vertical-align: middle;
}

#footer .text table td img
{
	float: left;
	margin-left: 0.3em;
}

#barWrapper
{
	font-size: 1em;
	position: relative;
	float: left;
	z-index: 40;
	width: 14em;
	margin: 0;
	padding: 0;
	margin-top: 5em; /* matches height of headerWrapper */
	padding-bottom: 1.5em; /* clears height of footerWrapper */
}

#bar
{
	position: relative;
	z-index: 40;
}

#bar p.corner
{
	position: absolute;
	z-index: 40;
	width: 8px;
	height: 32px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
}

#bar p.topLeft
{
	top: 0;
	left: 0;
	background-position: top left;
	background-image: url('http://www.wilmslowhigh.com/images/related/corners/top-left.png');
}

#bar p.topRight
{
	top: 0;
	right: 0;
	background-position: top right;
	background-image: url('http://www.wilmslowhigh.com/images/related/corners/top-right.png');
}

#bar ul
{
	padding: 0;
	margin: 0;
}

#bar li
{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 0.4em;
	padding-bottom: 0.05em;
}

#bar .background
{
	position: absolute;
	background-color: green;
	left: 0;
	top: 5em; /* matches height of headerWrapper */
	bottom: 0;
	width: 14em;
}

#bar .titleWrapper
{
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: black;
}

#bar .title
{
	position: relative;
	background-color: black;
	background-image: url('http://www.wilmslowhigh.com/images/titles/black-gradient.png');
	background-repeat: repeat-x;
	background-position: top left;
	color: white;
	padding: 0.3em;
}

#bar .mediaWrapper
{
	position: relative;
	width: 100%;
	height: auto;
}

#bar .media
{
	position: relative;
}

#bar ul.panels
{
	position: relative;
	padding: 0;
	margin: 0;
	margin-top: 1em;
	width: 100%;
}

#bar li.panel
{
	font-size: 1em;
	position: relative;
	z-index: 40;
	padding: 0em;
	margin: 1em;
	margin-top: 0;
	width: 12em;
	list-style-position: outside;
	list-style-image: none;
	list-style: none;
}

#bar li.panel .wrapper
{
	position: relative;
	z-index: 40;
}

#bar li.panel .title
{
	position: relative;
	z-index: 50;
	background-image: url('http://www.wilmslowhigh.com/images/related/corners/top.png');
	background-color: #A2A0A0;
	background-repeat: repeat-x;
	background-position: top;
	padding: 0;
	margin: 0;
	height: 2em;
	width: 11.4em;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5em;
	color: #555;
}

#bar li.panel .title:hover
{
	cursor: move;
}

#bar li.panel .title h4
{
	font-size: 1.1em;
	padding-left: 0.2em;
	padding-top: 0.2em;
}

#bar li.panel .title a
{
	color: #111;
	text-decoration: none;
}

#bar li.panel .title a:hover
{
	color: #822;
}

#bar li.panel .bodyWrapper
{
	position: relative; /* dynamically resizing in height */
	font-size: 1em;
	width: 12em;
}

#bar li.panel .body
{
	position: relative;
	color: #F8F8FA;
	font-size: 0.82em;
	padding: 0.5em;
	background-color: #919090;
}

#bar li.panel .body a
{
	color: #D6E0FF;
	text-decoration: underline;
}

#bar li.panel .body a:hover
{
	color: #C84440;
	text-decoration: underline;
}

#bar li.panel .body img
{
	width: 3em;
}

#bar li.panel .bottom
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 0.5em;
	width: 100%;
}

#bar li.panel .bottomMiddle
{
	position: relative;
	float: left;
	background-color: #919090;
	margin-left: auto;
	margin-right: auto;
	height: 6px;
	width: 11em;
}

#bar li.panel .bottomLeft
{
	width: 8px;
	height: 8px;
	float: left;
	position: relative;
	background-image: url('http://www.wilmslowhigh.com/images/related/corners/bottom-left.gif');
}

#bar li.panel .bottomRight
{
	width: 8px;
	height: 8px;
	float: right;
	position: relative;
	background-image: url('http://www.wilmslowhigh.com/images/related/corners/bottom-right.gif');
}

#bar li.panel .bottom:hover
{
	cursor: n-resize;
}

#bar li.panel .emblem
{
	position: absolute;
	z-index: 50;
	display: inline-block;
	right: -0.7em;
	top: -0.4em;
	width: 2.4em;
	height: 2.4em;
}

#bar li.feedItem
{
	padding: 0;
	padding-bottom: 0.5em;
	margin: 0;
	clear: both;
	overflow: hidden; /* allows maximum height with floating images */
	list-style: none;
	list-style-position: outside;
}

#bar li.feedItem h3
{
	margin-bottom: 0.2em;
}

#bar li.feedItem p
{
	margin-bottom: 0.6em;
}

#contentWrapper
{
	font-size: 1em;
	position: relative;
	float: right;
	z-index: 40;
	width: 47em;
	margin: 0;
	padding: 0;
	margin-top: 5em; /* matches height of headerWrapper */
	padding-bottom: 1.5em;
}

#content
{
	z-index: 40;
}

#content h2, #content h3, #content h4, #content h5
{
	background-image: url('http://www.wilmslowhigh.com/images/context/header-underline.png');
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 0.2em;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
}

#content p.corner
{
	position: absolute;
	z-index: 42;
	width: 8px;
	height: 8px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
}

#content p.topLeft
{
	top: 0;
	left: 0;
	background-image: url('http://www.wilmslowhigh.com/images/context/corners/top-left-8.png');
}

#content p.topRight
{
	top: 0;
	right: 0;
	background-image: url('http://www.wilmslowhigh.com/images/context/corners/top-right-8.png');
}

#content p.bottomRight
{
	bottom: 0;
	right: 0;
	background-image: url('http://www.wilmslowhigh.com/images/context/corners/bottom-right-8.png');
}

#content p.bottomLeft
{
	bottom: 0;
	left: 0;
	background-image: url('http://www.wilmslowhigh.com/images/context/corners/bottom-left-8.png');
}

#content .pageContentWrapper
{
	font-size: 1em;
	position: relative;
	overflow: hidden;
	clear: both;
	width: 100%;
	height: 100%;
}

#content .pageContent
{
	position: relative;
	text-align: justify;
	font-size: 0.82em;
	background-color: white;
	height: 100%;
	margin: 1em;
	padding: 1em;
	margin-bottom: 0;
	overflow: hidden;
}

#content .contentHeading
{
	/*background-image: url("http://www.wilmslowhigh.com/images/titles/grey4-gradient.png");
	background-repeat: repeat-x;
	background-image: url('http://media.wilmslowhigh.com/Images/Emblems/add22.png');*/
	background-color: #F6F6F8;
	background-repeat: no-repeat;
	background-position: 0em 0em;
	margin: 0.1em;
	margin-bottom: 0.1em;
	padding: 0.3em;
	padding-left: 2em;
	color: black;
	font-size: 1.03em;
	text-decoration: none;
	border: 1px solid #E0E0E2;
	cursor: pointer;
}

#content .contentHeading:hover
{
	text-decoration: underline;
	color: #822;
	background-color: #FFA;
}

#content .contentItem, #content .forewordItem
{
	position: relative;
	padding: 0em;
	margin-top: 0.3em; /* separates heading from content */
}

#content .contentItem p, #content .forewordItem p
{
	margin-bottom: 1em; /* separates each paragraph */
	line-height: 1.44em; /* readability */
}

#content ul
{
	padding: 0;
	margin: 0;
	padding-bottom: 0.7em;
}

#content li
{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 0.7em;
	padding-bottom: 0.3em;
	line-height: 1.4em;
}

#content ul.breadcrumb
{
	position: relative;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 0.5em;
	width: 100%;
}

#content ul.breadcrumb .crumb
{
	position: relative;
	float: left;
	vertical-align: top;
	padding: 0.5em;
	margin: 0.05em;
	margin-top: 0;
	list-style-position: outside;
	list-style: none;
}

#content ul.breadcrumb .first
{
	position: relative;
	margin-left: 0.9em;
	font-size: 0.9em;
}

#content ul.breadcrumb .unselected
{
	background-color: white;
	font-size: 0.9em;
	font-weight: bold;
}

#content ul.breadcrumb .selected
{
	background-color: #211;
	background-image: url('http://www.wilmslowhigh.com/images/titles/black-gradient.png');
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 0.9em;
	color: white;
}

#content ul.breadcrumb .image
{
	padding: 0;
}

#content ul.panels
{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	padding: 0.5em;
	margin: 0;
}

#content li.panel
{
	float: left;
	position: relative;
	z-index: 40;
	padding: 0em;
	margin: 0.5em;
	width: 22em;
	height: 16em;
	list-style: none;
	list-style-position: outside;
}

#content li.panel .wrapper
{
	position: relative;
	z-index: 40;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}

#content li.panel .bodyWrapper
{
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	width: 22em;
	height: 14em;
}

#content li.panel .body
{
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: justify;
	padding: 0.6em;
	padding-left: 1em;
	padding-right: 1em;
}

#content li.panel .title
{
	position: relative;
	z-index: 40;
	background-image: url('http://www.wilmslowhigh.com/images/titles/grey4-gradient.png');
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	height: 2em;
	width: 100%;
	line-height: 1.5em;
	color: #555;
}

#content li.panel .title:hover
{
	cursor: move;
}

#content li.panel .title h4
{
	font-size: 1.1em;
	margin: 0;
	padding-left: 0.5em;
	padding-top: 0.2em;
	background-image: none;
}

#content li.panel .title a
{
	color: #111;
	text-decoration: none;
}

#content li.panel .title a:hover
{
	color: #933;
}

#content li.panel .emblem
{
	position: absolute;
	right: -0.65em;
	top: -0.80em;
	z-index: 1000;
	width: 2.8em;
	height: 2.8em;
}

#content li.feedItem
{
	padding: 0;
	margin: 0;
	clear: both;
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
}

#content ul.downloadables
{
	list-style: none;
}

#content ul.downloadables li
{
	padding: 0.5em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 0.8em;
	width: 300px;
	margin: 0.3em;
	list-style: none;
	float: left;
	text-align: left;
	background-image: url('http://media.wilmslowhigh.com/Images/Emblems/mime_doc.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#content ul.downloadables li img
{
	position: absolute;
	padding: 0.5em;
	width: 36px;
}

#content ul.downloadables li p
{
	padding-left: 4em;
}

#content h3.downloadHeading
{
	clear: both;
}